<template>
  <div>
    <el-dialog v-model="dialogVisible" width="80%" align-center :show-close="false" destroy-on-close draggable>
      <template #header="{ close }">
        <div class="dialog-header flex justify-between items-center">
          <div>审核</div>
          <el-icon class="el-icon--left cursor-pointer" @click="close">
            <CircleCloseFilled color="#fff" />
          </el-icon>
        </div>
      </template>
      <!-- <ContractInfo :operateId="operateId" /> -->
      <Checkcomponents :procInsId="procInsId" class="mt-[10px]" />
    </el-dialog>
  </div>
</template>

<script setup>
import Checkcomponents from "@/views/flowable/processInstance/detail/components.vue";
// import ContractInfo from "./basicInfo.vue";
const dialogVisible = ref(false);
const operateId = ref(null);
const procInsId = ref(null); //流程实例id
//查看申报
const check = (id, processId) => {
  dialogVisible.value = true;
  operateId.value = id;
  procInsId.value = processId;
};

defineExpose({ check });

const emit = defineEmits(['callBack']);
watch(
  () => dialogVisible.value,
  (newValue) => {
    if (!newValue) {
      emit('callBack', "")
    }
  },
  { deep: true }
);
</script>

<style scoped lang="scss">
@import url("@/views/project/index.scss");

:deep(.el-dialog__body) {
  padding-bottom: 0px;
}
</style>
